<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
		<!--IE用最新版本渲染-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<title>东方标致首页</title>
		<link rel="stylesheet" type="text/css" href="css/jquery.bxslider.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/max.css" media="screen and (min-width:1135px)" />
		<link rel="stylesheet" type="text/css" href="css/min_max.css" media="screen and (min-width:990px) and (max-width:1135px)" />
		<link rel="stylesheet" type="text/css" href="css/min.css" media="screen and (max-width:990px)" />
		<meta content="telephone=no,email=no" name="format-detection" />
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript" src="js/jquery.js" ></script>
	</head>

	<body>
		<div class="container">
			<div class="box">
			<div class="lion-cat clearfix">
				<a href="#">狮友汇<span>&nbsp;&nbsp;></span></a>
				<a href="#"><span class="br">天猫</span>旗舰店<span>&nbsp;&nbsp;></span></a>
			</div>
				<aside>
					<div class="logo"></div>
					<ul>
						<li class="this">
							<a href="index.html" class="aside_a">首页</a>
						</li>
						<li>
							<a href="exhibit.html" class="aside_a">车型展示</a>
							<div class="none nav1">
								<h2><a href="#">车型展示</a></h2>
								<h4><a href="#">快速选车</a></h4>
								<ul>
									<li>>
										<a href="#">轿车</a>
									</li>
									<li>>
										<a href="#">SUV</a>
									</li>
									<li>>
										<a href="#">自动</a>
									</li>
									<li>>
										<a href="#">手动</a>
									</li>
								</ul>
								<div>
									<h4><a href="#">所有车型</a></h4>
									<p>>
										<a href="#">5008</a>
										<a href="#">4008</a>
										<a href="#">3008</a>
										<a href="#">2008</a>
										<a href="#">508</a>
									</p>
									<p>>
										<a href="#">408</a>
										<a href="#">308S</a>
										<a href="#">308</a>
										<a href="#">301</a>
									</p>
								</div>
							</div>
						</li>
						<li>
							<a href="order.html" class="aside_a">购车助手</a>
							<div class="none nav1">
								<h2><a href="#">购车助手</a></h2>
								<ul class="clearfix aid">
									<li>>
										<a href="#">预约试驾</a>
									</li>
									<li>>
										<a href="#">经销商查询</a>
									</li>
									<li>>
										<a href="#">车型手册</a>
									</li>
									<li>>
										<a href="#">购车计算器</a>
									</li>
									<li>>
										<a href="#">金融方案</a>
									</li>
									<li>>
										<a href="#">促销活动</a>
									</li>
									<li>>
										<a href="#">天猫购车</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="dealer.html" class="aside_a">经销商查询</a>

						</li>
						<li>
							<a href="serve.html" class="aside_a">车主服务</a>
							<div class="none nav1">
								<h2><a href="#">车主服务</a></h2>
								<ul class="clearfix serve">
									<li>
										<a href="#">服务品牌</a>
									</li>
									<li>
										<a href="#">蓝色关爱</a>
									</li>
									<li>
										<a href="#">售后政策</a><br />>
										<a href="#">质量担保</a><br />>
										<a href="#">紧急救援</a>
									</li>
									<li>
										<a href="#">保养查询</a><br />>
										<a href="#">按车型查询</a><br />>
										<a href="#">保养规范</a>
									</li>
									<li>
										<a href="#">用车指南</a><br />>
										<a href="#">用车知识</a><br />>
										<a href="#">使用说明书</a>
									</li>
									<li style="border:0px;">
										<a href="#"></a>
									</li>
									<li>
										<a href="#">售后天猫旗舰店</a>
										<a href="#">预约维保</a>
										<a href="#">车主俱乐部</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="world.html"  class="aside_a">品牌天地</a>
							<div class="none nav1">
								<h2><a href="#">品牌天地</a></h2>
								<ul class="clearfix serve">
									<li>
										<a href="#">品牌发展</a><br />>
										<a href="#">标致历史</a><br />>
										<a href="#">标致运动</a><br />>
										<a href="#">东风标致发展</a>
									</li>
									<li>
										<a href="#">标致概念车</a><br />>
										<a href="#">标致概念汽车</a><br />>
										<a href="#">标志概念摩托车</a><br />>
										<a href="#">标致概念脚踏车</a>
									</li>
									<li>
										<a href="#">产品向上</a>
									</li>
									<li>
										<a href="#">技术向上</a><br />>
										<a href="#">PureTech</a><br />>
										<a href="#">ADAS</a><br />>
										<a href="#">Blue-i</a>
									</li>
									<li>
										<a href="#">体验向上</a><br />>
										<a href="#">标致大道</a><br />>
										<a href="#">蓝色关爱品牌</a>
									</li>
									<li>
										<a href="#">品牌新闻</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="guide.html" class="aside_a">金融服务</a>

						</li>
					</ul>
				</aside>
				<nav>
					<div class="nav_min"><span></span>菜单</div>
					<div class="nav_img">
						<img src="img/mobile-logo.png" />
						<img src="img/mobile_logo2.png" />
					</div>
					<ul class="none">
						<li>
							<a href="#">首页</a>
						</li>
						<li>
							<a href="#">车型展示</a>
						</li>
						<li>
							<a href="#">购车助手</a>
						</li>
						<li>
							<a href="#">经销商查询</a>
						</li>
						<li>
							<a href="#">车主服务</a>
						</li>
						<li>
							<a href="#">品牌天地</a>
						</li>
						<li>
							<a href="#">金融服务</a>
						</li>
					</ul>
				</nav>
				<section>
					<div class="banner">
						<ul class="clearfix" id="banner">
							<li>
								<a href="#"><img src="img/20170612112824200.jpg" /></a>
							</li>
							<li>
								<a href="#"><img src="img/20170502053745150.jpg" /></a>
							</li>
							<li>
								<a href="#"><img src="img/20170502115932279.jpg" /></a>
							</li>
							<li>
								<a href="#"><img src="img/20170317111142611.jpg" /></a>
							</li>
						</ul>
						<span id="prev"><</span><span id="next">></span>
					</div>
					<div class="order">
						<div class="min_order">
							车型选择
							<span>></span>
						</div>
						<div class="min_order1">
							<a href="#">5008
								<div id="order" class="none">
									<ul>
										<li><span style="font-weight: bold;">东风标致</span>5008&nbsp;&nbsp;<span style="color:#168fde;">></span></li>
										<li>东风标致5008<br /><span style="font-size:18px; ">￥18.77万起*</span></li>
										<li>全球品位旗舰7座SUV</li>
									</ul>
									<div class="img"><img src="img/20170417074943426.png" /><img src="img/1.png" style="display: none;" /></div>
									<div class="probe">
										<span>预约试驾</span>
										<span>探索更多</span>
									</div>
								</div>
							</a>
							<a href="#">4008
								<div id="order" class="none">
									<ul>
										<li><span style="font-weight: bold;">东风标致</span>4008&nbsp;&nbsp;<span style="color:#168fde;">></span></li>
										<li>东风标致4008<br /><span style="font-size:18px; ">￥18.57万起*</span></li>
										<li>高端智能欧系SUV</li>
									</ul>
									<div class="img"><img src="img/20161027025837466.png" /><img src="img/2.png" style="display: none;" /></div>
									<div class="probe">
										<span>预约试驾</span>
										<span>探索更多</span>
									</div>
								</div>
							</a>
							<a href="#">3008
								<div id="order" class="none">
									<ul>
										<li><span style="font-weight: bold;">东风标致</span>3008&nbsp;&nbsp;<span style="color:#168fde;">></span></li>
										<li>东风标致3008<br /><span style="font-size:18px; ">￥14.07万起*</span></li>
										<li>高性能欧系都市SUV</li>
									</ul>
									<div class="img"><img src="img/20161027025914563.png" /><img src="img/3.png" style="display: none;" /></div>
									<div class="probe">
										<span>预约试驾</span>
										<span>探索更多</span>
									</div>
								</div>
							</a>
							<a href="#">2008
								<div id="order" class="none">
									<ul>
										<li><span style="font-weight: bold;">东风标致</span>2008&nbsp;&nbsp;<span style="color:#168fde;">></span></li>
										<li>东风标致2008<br /><span style="font-size:18px; ">￥9.97万起*</span></li>
										<li>都市SUV领航者</li>
									</ul>
									<div class="img"><img src="img/20161027025932793.png" /><img src="img/4.png" style="display: none;" /></div>
									<div class="probe">
										<span>预约试驾</span>
										<span>探索更多</span>
									</div>
								</div>
							</a>
							<a href="#">508
								<div id="order" class="none">
									<ul>
										<li><span style="font-weight: bold;">东风标致</span>508&nbsp;&nbsp;<span style="color:#168fde;">></span></li>
										<li>东风标致508<br /><span style="font-size:18px; ">￥18.57万起*</span></li>
										<li>驾乘尽享的中高级杰座</li>
									</ul>
									<div class="img"><img src="img/20161027030709865.png" /><img src="img/5.png" style="display: none;" /></div>
									<div class="probe">
										<span>预约试驾</span>
										<span>探索更多</span>
									</div>
								</div>
							</a>
							<a href="#">408
								<div id="order" class="none">
									<ul>
										<li><span style="font-weight: bold;">东风标致</span>408&nbsp;&nbsp;<span style="color:#168fde;">></span></li>
										<li>东风标致408<br /><span style="font-size:18px; ">￥12.97万起*</span></li>
										<li>中级车新世纪开创者</li>
									</ul>
									<div class="img"><img src="img/20161027030444805.png" /><img src="img/6.png" style="display: none;" /></div>
									<div class="probe">
										<span>预约试驾</span>
										<span>探索更多</span>
									</div>
								</div>
							</a>
							<a href="#">308S
								<div id="order" class="none">
									<ul>
										<li><span style="font-weight: bold;">东风标致</span>308S&nbsp;&nbsp;<span style="color:#168fde;">></span></li>
										<li>东风标致308S<br /><span style="font-size:18px; ">￥11.27万起*</span></li>
										<li>精致格调两厢车</li>
									</ul>
									<div class="img"><img src="img/20161027030502959.png" /><img src="img/7.png" style="display: none;" /></div>
									<div class="probe">
										<span>预约试驾</span>
										<span>探索更多</span>
									</div>
								</div>
							</a>
							<a href="#">308
								<div id="order" class="none">
									<ul>
										<li><span style="font-weight: bold;">东风标致</span>308&nbsp;&nbsp;<span style="color:#168fde;">></span></li>
										<li>东风标致308<br /><span style="font-size:18px; ">￥9.97万起*</span></li>
										<li>新世代中级车创行者</li>
									</ul>
									<div class="img"><img src="img/20170417070744379.png" /><img src="img/8.png" style="display: none;" /></div>
									<div class="probe">
										<span>预约试驾</span>
										<span>探索更多</span>
									</div>
								</div>
							</a>
							<a href="#">301
								<div id="order" class="none">
									<ul>
										<li><span style="font-weight: bold;">东风标致</span>301&nbsp;&nbsp;<span style="color:#168fde;">></span></li>
										<li>东风标致301<br /><span style="font-size:18px; ">￥8.47万起*</span></li>
										<li>质感生活&nbsp;至臻登场</li>
									</ul>
									<div class="img"><img src="img/20170316042726513.png" /><img src="img/9.png" style="display: none;" /></div>
									<div class="probe">
										<span>预约试驾</span>
										<span>探索更多</span>
									</div>
								</div>
							</a>
						</div>
					</div>
					<div class="min none"></div>
					<h2>经销商查询</h2>
					<div class="query">
						<p>
							<img src="img/check_mapBg.jpg" />
							<span class="clearfix">
								<label>
									<a>
									<select id="aa">
									</select>
									</a>
								</label>
								<label>
									<a>
									<select id="bb">
									</select>
									</a>
								</label>
								<a href="#">
										<img src="img/icon_ding.png" />
								<span>点击进入</span>
							</a>
							</span>
						</p>
						<ul class="clearfix">
							<li>
								<a href="#"><img src="img/20170703035653851.jpg" /></a>
								<a href="#" title="快“码”夺金 享在当夏 扫码赢精品豪礼享不停"><span>></span>快“码”夺金 享在当夏 扫码赢精品豪礼享不停</a>
							</li>
							<li>
								<a href="#"><img src="img/20170613042300691.jpg" /> </a>
								<a href="#" title="购东风标致5008 尊享三重礼遇"><span>></span>购东风标致5008 尊享三重礼遇</a>
							</li>
							<li>
								<a href="#"><img src="img/20170406072923628.jpg" /></a>
								<a href="#" title="东风标致3008 购置税补贴“减半”依旧 至高2年0利率 至高5000元置换补贴"><span>></span>东风标致3008 购置税补贴“减半”依旧 至高2年0利率 至高5000元置换补贴</a>
							</li>
						</ul>
					</div>
					<h2>东风标致5008</h2>
					<div class="five clearfix">
						<div class="min_banner">
							<img src="img/20170609104929233.jpg" />
						</div>
						<div class="min_banner">
							<img src="img/20170609104904821.jpg" />
							<img src="img/20170609104836914.jpg" />
						</div>
						<ul class="none">
							<li><a href="#"><img src="img/20170609104929233.jpg" /></a></li>
							<li><a href="#"><img src="img/20170609104904821.jpg" /></a></li>
							<li><a href="#"><img src="img/20170609104836914.jpg" /></a></li>
						</ul>
<!--						<p class="none p_span"><span><</span><span>></span></p>
-->						<p class="none p_a"><a></a><a></a><a></a></p>
						<span>探索更多</span>
					</div>
					<h2>品牌新闻</h2>
					<div class="newswork">
						<ul class="clearfix">
							<li>
								<a href="#">7座SUV东风标致5008全球同步上市 享，往远方新生活</a>
								<a href="#"><img src="img/20170609105225297.jpg" /></a>
							</li>
							<li>
								<a href="#">如“7”而驭——东风标致5008驾享品“致”</a>
								<a href="#">
									<img src="img/20170524024038139.jpg" />
								</a>
							</li>
						</ul>
					</div>
					<footer>
						<ul class="clearfix">
							<li>
								<a href="#">需要帮助吗？</a>
								<a href="#">联系我们</a>
								<a href="#">网站声明</a>
							</li>
							<li>
								<a href="#">发现更多</a>
								<a href="#">大客户服务</a>
								<a href="#">经销商联盟</a>
								<a href="#">诚狮二手车</a>
								<a href="#">加入我们</a>
								<a href="#">友情链接</a>
							</li>
							<li>
								<a href="#">官方平台</a>
								<span>客户服务</span>
								<span>400-8877-108</span>
								<span class="tiny">
									<img src="img/img1.png" />
									<img src="img/img2.png" />
									<img src="img/img3.png" />
									<div class="mic none">
										<img src="img/peugeot-qrcode.jpg" />
									</div>
									<div class="flag none">
										<a href="#">东风标致官方旗舰店</a>
										<a href="#">东风标致售后旗舰店</a>
									</div>
								</span>
							</li>
						</ul>
						<p class="clearfix">
							<span>预约试驾</span>
							<span>品牌新闻</span>
						</p>
						<div class="map">
							<h4>网站地图<span>></span></h4>
							<ul class="clearfix">
								<li>
									<a href="#">首页</a>
								</li>
								<li>
									<a href="#">车型展示</a>
									<a href="#">SUV</a>
									<a href="#">轿车</a>
									<a href="#">手动</a>
									<a href="#">自动</a>
								</li>
								<li>
									<a href="#">购车助手</a>
									<a href="#">预约试驾</a>
									<a href="#">经销商查询</a>
									<a href="#">车型手册</a>
									<a href="#">购车计算器</a>
									<a href="#">金融方案</a>
									<a href="#">促销活动</a>
									<a href="#">天猫购车</a>
								</li>
								<li>
									<a href="#">金融服务</a>
									<a href="#">贷款指南</a>
									<a href="#">金融方案</a>
									<a href="#"></a>
									<a href="#"></a>
									<a href="#"></a>
									<a href="#"></a>
									<a href="#"></a>
								</li>
								<li>
									<a href="#">车主服务</a>
									<a href="#">服务品牌</a>
									<a href="#">蓝色关爱</a>
									<a href="#">售后政策</a>
									<a href="#">保养查询</a>
									<a href="#">用车指南</a>
									<a href="#">售后天猫旗舰店</a>
									<a href="#">预约维保</a>
									<a href="#">车主俱乐部</a>
								</li>
								<li>
									<a href="#">品牌天地</a>
									<a href="#">品牌发展</a>
									<a href="#">标致概念车</a>
									<a href="#">产品向上</a>
									<a href="#">技术向上</a>
									<a href="#">体验向上</a>
									<a href="#">品牌新闻</a>
								</li>
							</ul>
							<span><a href="#">网站地图</a></span>
						</div>
					</footer>
					<p>&copy;东风标致版权所有 京ICP备05021113号</p>
				</section>
			</div>
		</div>
		<a class="up"></a>
		<script type="text/javascript">
			$(document).ready(function(){
				$(".map h4").click(function(){
					$(".map ul").slideToggle();
					$(".map>span").slideToggle();
				})
				$(".nav_min").click(function(){
					if($("nav>ul").css("display")=="none"){
						$(this).children().css({
							"background":"url(img/logo_btn2.png) no-repeat center top",
							"background-size":"50% 100%"
						})
					}else{
						$(this).children().css({
							"background":"url(img/logo_btn1.png) no-repeat left top",
							"background-size":"100% 100%"
						})
					}
					$("nav>ul").slideToggle(1000);
				})
				$(".min_order").click(function(){
					if($(".min_order1").css("display")=="none"){
						$(".min_order>span").html("<");
					}else{
						$(".min_order>span").html(">");
					}
					$(".min_order1").slideToggle();
					$(".min").slideToggle();
				})
			})
		</script>
		<script type="text/javascript" src="js/select.js" ></script>
	</body>
</html>